{% extends "generalTemplate.html" %}
{% block pageName %}BioVenturist - Map of Biotech Companies{% endblock %}

{% block queryScript %}
<link href="/bvmapapp/static/css/map.css" rel="stylesheet" type="text/css" />
<!--<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAPukT8vdX-9GHaeddb_T9XxQdwUW_lrS2P3w7zqRTJxdfml0W7hQE2JC34mbRmaRxg1y6cWlmwTWcAg" type="text/javascript"></script>-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAPukT8vdX-9GHaeddb_T9XxQdwUW_lrS2P3w7zqRTJxdfml0W7hQE2JC34mbRmaRxg1y6cWlmwTWcAg&sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="/bvapp/static/js/bioventurist.js"></script>
<script type="text/javascript" src="/bvmapapp/static/js/map.js"></script>
<script type="text/javascript" src="/bvmapapp/static/js/markerclusterer.js"></script>
<script type="text/javascript" src="/static/js/tooltip.js"></script>

<script type="text/javascript">
/*
 * todo:
	 1.get mql queries working correctly and quickly
	 2.add custom markers
	 3.change map type
	 4.fix info windows
	 5.add tooltips
	 6.add sidebar
	 7.add filters 
 */

 perform_touch('{{ domain_used }}');
 var bioventurist_dir = '/base/bioventurist/';

      
      function load_info() {
  
        var url = "http://{{ domain_used }}/api/service/mqlread";
		var q  = getBaseQuery();

		// Create the search suggest for the filter
		createCompanyFilter(bioventurist_dir, "company_filter", "company_filter_submit", 'map_div', url);
		// Load the map
		loadMap(url, q);		
        
        
      }

      
    </script>
{% endblock %}
    
{% block container %}
	<div id="map_outer_container">
       	<h1><span>Map of Biotechnology Companies</span></h1>
		<hr></hr>
		<br/>
		<center>
		<p>
			Click a company to get a description of the company's area of technological expertise (eg. monoclonal antibodies)
			and their area of medical focus (eg. breast cancer).  
		</p>
		</center>
		<p>
		<center>
		<b>Filter companies by technology class (eg. monoclonal antibody) or area of medical focus (eg. breast cancer):</b>			
			<br></br>
			<input type="text" name="message" value="Monoclonal Antibody" id="company_filter"></input>
			<input type="hidden" value="/en/monoclonal_antibodies" id="company_filter_topic_id"/>
			<input type="hidden" value="monoclonal antibody" id="company_filter_topic_name"/>
			<input type="hidden" value="technology" id="company_filter_topic_type"/>
			<input type="submit" id="company_filter_submit" value="GO!"></input>
		</center>
		</p>	
		<br/>	
		<center>
		<div id="map_div">
			<div id="map_container"></div>
			<div id="sidebar">
				<ol id="company_list"></ol>
			</div>
		</div>
		<div id="companies_no_headquarters"></div>
		<br/>
		<div id="edit_filter_topic"></div>
		</center>

	</div>
{% endblock %}